<!--
此文件为开发者工具生成，生成时间: 2023/10/27下午5:44:23
使用方法：
在 D:\yezhiqiang\uni-app\erabbit-uni-app-vue3-ts\dist\dev\mp-weixin\pagesOrder\list\list.wxml 引入模板

```
<import src="list.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 D:\yezhiqiang\uni-app\erabbit-uni-app-vue3-ts\dist\dev\mp-weixin\pagesOrder\list\list.wxss 中引入样式
```
@import "./list.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view is="pagesOrder/list/components/OrderList">
    <scroll-view :scroll-y="true" class="orders OrderList--orders" :enable-back-to-top="true">
      <view class="card OrderList--card">
        <view class="status OrderList--status">
          <text class="date OrderList--date sk-transparent sk-text-14-2857-965 sk-text"
            >2023-10-27 16:05:03</text
          >
          <text class="sk-transparent sk-text-14-2857-773 sk-text">待付款</text>
        </view>
        <navigator class="goods OrderList--goods" hover-class="none">
          <view class="cover OrderList--cover">
            <image mode="aspectFit" class="sk-image"></image>
          </view>
          <view class="meta OrderList--meta">
            <view
              class="name OrderList--name ellipsis OrderList--ellipsis sk-transparent sk-text-14-2857-179 sk-text"
              >英伦长柄自动晴雨伞</view
            >
            <view class="type OrderList--type sk-transparent sk-text-22-2222-964 sk-text"
              >日系款黑色</view
            >
          </view>
        </navigator>
        <navigator class="goods OrderList--goods" hover-class="none">
          <view class="cover OrderList--cover">
            <image mode="aspectFit" class="sk-image"></image>
          </view>
          <view class="meta OrderList--meta">
            <view
              class="name OrderList--name ellipsis OrderList--ellipsis sk-transparent sk-text-14-2857-414 sk-text"
              >经典品种交响曲，智利混酿干白750毫升</view
            >
            <view class="type OrderList--type sk-transparent sk-text-22-2222-507 sk-text"
              >礼袋（单支/双支均适用）</view
            >
          </view>
        </navigator>
        <navigator class="goods OrderList--goods" hover-class="none">
          <view class="cover OrderList--cover">
            <image mode="aspectFit" class="sk-image"></image>
          </view>
          <view class="meta OrderList--meta">
            <view
              class="name OrderList--name ellipsis OrderList--ellipsis sk-transparent sk-text-14-2857-769 sk-text"
              >【新年送礼】暖冬护颈必备，石墨烯护颈</view
            >
            <view class="type OrderList--type sk-transparent sk-text-22-2222-888 sk-text"
              >黑色</view
            >
          </view>
        </navigator>
        <navigator class="goods OrderList--goods" hover-class="none">
          <view class="cover OrderList--cover">
            <image mode="aspectFit" class="sk-image"></image>
          </view>
          <view class="meta OrderList--meta">
            <view
              class="name OrderList--name ellipsis OrderList--ellipsis sk-transparent sk-text-14-2857-287 sk-text"
              >恍若没穿鞋，女式轻软舒弹健步鞋2.0</view
            >
            <view class="type OrderList--type sk-transparent sk-text-22-2222-671 sk-text"
              >黑色， 38</view
            >
          </view>
        </navigator>
        <view class="payment OrderList--payment">
          <text
            class="quantity OrderList--quantity sk-transparent sk-text-0-0000-663 sk-text"
            style="background-position-x: 100%"
            >共6件商品</text
          >
          <text
            class="sk-transparent sk-text-0-0000-131 sk-text"
            style="background-position-x: 100%"
            >实付</text
          >
          <text class="amount OrderList--amount sk-transparent"
            ><text class="symbol OrderList--symbol sk-transparent sk-opacity">¥</text>650.8</text
          >
        </view>
        <view class="action OrderList--action">
          <view
            class="button OrderList--button primary OrderList--primary sk-transparent sk-text-14-2857-959 sk-text"
            >去支付</view
          >
        </view>
      </view>
      <view class="card OrderList--card">
        <view class="status OrderList--status">
          <text class="date OrderList--date sk-transparent sk-text-14-2857-841 sk-text"
            >2023-10-27 14:39:10</text
          >
          <text class="sk-transparent sk-text-14-2857-950 sk-text">待评价</text>
          <text class="icon-delete OrderList--icon-delete sk-pseudo sk-pseudo-circle"></text>
        </view>
      </view>
    </scroll-view>
  </view>
</template>
<style>
/*
此文件为开发者工具生成，生成时间: 2023/10/27下午5:44:23

在 D:\yezhiqiang\uni-app\erabbit-uni-app-vue3-ts\dist\dev\mp-weixin\pagesOrder\list\list.wxss 中引入样式
```
@import "./list.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
  color: transparent !important;
}
.sk-text-26-6667-596 {
  background-image: linear-gradient(
    transparent 26.6667%,
    #eeeeee 0%,
    #eeeeee 73.3333%,
    transparent 0%
  ) !important;
  background-size: 100% 60rpx;
  position: relative !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-text-26-6667-561 {
  background-image: linear-gradient(
    transparent 26.6667%,
    #eeeeee 0%,
    #eeeeee 73.3333%,
    transparent 0%
  ) !important;
  background-size: 100% 60rpx;
  position: relative !important;
}
.sk-text-26-6667-244 {
  background-image: linear-gradient(
    transparent 26.6667%,
    #eeeeee 0%,
    #eeeeee 73.3333%,
    transparent 0%
  ) !important;
  background-size: 100% 60rpx;
  position: relative !important;
}
.sk-text-26-6667-377 {
  background-image: linear-gradient(
    transparent 26.6667%,
    #eeeeee 0%,
    #eeeeee 73.3333%,
    transparent 0%
  ) !important;
  background-size: 100% 60rpx;
  position: relative !important;
}
.sk-text-26-6667-513 {
  background-image: linear-gradient(
    transparent 26.6667%,
    #eeeeee 0%,
    #eeeeee 73.3333%,
    transparent 0%
  ) !important;
  background-size: 100% 60rpx;
  position: relative !important;
}
.sk-text-14-2857-965 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.2rpx;
  position: relative !important;
}
.sk-text-14-2857-773 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.2rpx;
  position: relative !important;
}
.sk-text-14-2857-179 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-22-2222-964 {
  background-image: linear-gradient(
    transparent 22.2222%,
    #eeeeee 0%,
    #eeeeee 77.7778%,
    transparent 0%
  ) !important;
  background-size: 100% 43.2rpx;
  position: relative !important;
}
.sk-text-14-2857-414 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-22-2222-507 {
  background-image: linear-gradient(
    transparent 22.2222%,
    #eeeeee 0%,
    #eeeeee 77.7778%,
    transparent 0%
  ) !important;
  background-size: 100% 43.2rpx;
  position: relative !important;
}
.sk-text-14-2857-769 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-22-2222-888 {
  background-image: linear-gradient(
    transparent 22.2222%,
    #eeeeee 0%,
    #eeeeee 77.7778%,
    transparent 0%
  ) !important;
  background-size: 100% 43.2rpx;
  position: relative !important;
}
.sk-text-14-2857-287 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-22-2222-671 {
  background-image: linear-gradient(
    transparent 22.2222%,
    #eeeeee 0%,
    #eeeeee 77.7778%,
    transparent 0%
  ) !important;
  background-size: 100% 43.2rpx;
  position: relative !important;
}
.sk-text-0-0000-663 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 24rpx;
  position: relative !important;
}
.sk-text-0-0000-131 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 28rpx;
  position: relative !important;
}
.sk-opacity {
  opacity: 0 !important;
}
.sk-text-14-2857-959 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-14-2857-841 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.2rpx;
  position: relative !important;
}
.sk-text-14-2857-950 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.2rpx;
  position: relative !important;
}
.sk-image {
  background: #efefef !important;
}
.sk-pseudo::before,
.sk-pseudo::after {
  background: #efefef !important;
  background-image: none !important;
  color: transparent !important;
  border-color: transparent !important;
}
.sk-pseudo-rect::before,
.sk-pseudo-rect::after {
  border-radius: 0 !important;
}
.sk-pseudo-circle::before,
.sk-pseudo-circle::after {
  border-radius: 50% !important;
}
.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
